<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
	<f:loadBundle basename="/i18n/MessageResources" var="msg" />

	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<link rel="shortcut icon"
				href="${request.contextPath}/images/favicon_small.gif" />
			<title><h:outputText value="#{msg.titulo_barra}" /></title>
		</f:facet>
 		<link type="text/css" rel="stylesheet" 
 			href="#{request.contextPath}/css/default.css" /> 
		<link type="text/css" rel="stylesheet" 
 			href="#{request.contextPath}/css/syntaxhighlighter/styles/syntaxhighlighter.css" />
 		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/style.css" />
 		
 		<script type="text/javascript" src="src=https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js‛>"></script>
		
	</h:head>
	<h:body id ="body">
		<p:layout fullPage="true">
<!-- 				styleClass="cabecera, layoutProyarr" -->
			
			<p:layoutUnit id="top" position="north" size="15%"  > 
 				<ui:include src="cabecera.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit id="bottom" position="south" size="5%"  >

			</p:layoutUnit>

			<p:layoutUnit id="left" position="west" size="300" 
				 collapsible="true" header="Options" style="border: none; background-color: none;"> 
				<ui:include src="menu.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit id="center" position="center" size="80%" >
				<h:form>
					<p:ajaxStatus onstart="statusDialog.show();"
						onsuccess="statusDialog.hide();" />

					<p:dialog modal="true" widgetVar="statusDialog" draggable="false"
						closable="false">
						<h:outputText value="msg" />
					</p:dialog>
					<p:menubar>
						<p:menuitem value="#{msg.barra_menu_conocemos}" />
						<p:submenu label="#{msg.barra_menu_filosofia}">
							<p:menuitem value="#{msg.barra_menu_filosofia_trabaja}" />
							<p:menuitem value="#{msg.barra_menu_filosofia_medios}" />
						</p:submenu>
						<p:menuitem value="#{msg.barra_menu_productos}" />
						<p:menuitem value="#{msg.barra_menu_contactactanos}" />
					</p:menubar>

					<ui:insert name="content">
						<span>Página en construcción</span>
					</ui:insert>
				</h:form>
			</p:layoutUnit>
		</p:layout>
		<p:dialog header="Basic Dialog" widgetVar="dlg1" modal="true">
			<h:outputText value="Resistance to PrimeFaces is futile!" />
		</p:dialog>

	</h:body>

</f:view>
</html>